<!DOCTYPE html>
<html>
<!-- 数据权限分配 -->
<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<script src="../../../scripts/boot.js" type="text/javascript"></script>
	<style type="text/css">
		html, body {
			margin: 0;
			padding: 0;
			border: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		.mini-mask-msg {
		   cursor: no-drop !important;
		}
	</style>
</head>
<body>
	<div class="mini-toolbar">
		<a class="mini-button" iconCls="icon-edit" enabled="true"
			onclick="update()" id="but_update">修改</a> <span class="separator"></span>
		<a class="mini-button" iconCls="icon-save" enabled="false"
			onclick="save()" id="but_save">保存</a> <span class="separator"></span>
		<a class="mini-button" iconCls="icon-no" enabled="false"
			onclick="abandon()" id="but_abandon">放弃</a>
	</div>
	<div class="mini-splitter" style="width: 100%;" id="sp"
		onresize="resize" oncollapse="resize" onexpand="resize">
		<div size="45%" showCollapseButton="true">
			<div id="datagrid1" class="mini-datagrid" style="width: 50%; height: 94vh;display: inline-block;"
				 onselectionchanged="onRoleChanged" idField="roleId"
				  allowCellSelect="true" multiSelect="false" showPager="false"
			>
				<div property="columns">
					<!--<div type="indexcolumn"></div>        -->
					<div type="checkcolumn"></div>
					<!--<div field="roleId" width="120" headerAlign="center" visible="false" allowSort="true">角色ID</div>-->
					<div field="roleCode" headerAlign="left" allowSort="true">
						角色编码
						<input id="rcFilter" property="filter" class="mini-textbox" style="width: 100%;" onvaluechanged="onFilterChanged" />
					</div>
					<div field="roleName" class="mini-textbox" headerAlign="left" allowSort="true">
						角色名称
						<input id="rnFilter" property="filter" style="width: 100%;" onvaluechanged="onFilterChanged" />
					</div>
					<!--<div field="roleDescribe" width="120" headerAlign="center"-->
						 <!--allowSort="true">-->
						<!--角色说明 <input id="rdFilter" property="filter" class="mini-textbox"-->
									<!--style="width: 100%;" onvaluechanged="onFilterChanged" />-->
					<!--</div>-->
				</div>
			</div>
			<ul id="tree1" class="mini-tree" style="width:49%;height:100%;display: inline-block;min-width: 100px;"
				idField="id" parentField="pid"
				showTreeIcon="true" textField="name" resultAsTree="false"
			></ul>
		</div>
		<!--<div showCollapseButton="true">-->
			<!--&lt;!&ndash;<div id="grid1" class="mini-datagrid" borderStyle="border:0;">&ndash;&gt;-->
			<!--&lt;!&ndash;</div>&ndash;&gt;-->
			<!--<iframe name="myiframe" id="myiframe" src="" width="100%"-->
					<!--frameborder="0" scrolling="no">-->
			<!--</iframe>-->
		<!--</div>-->
		<!--<div size="30%" showCollapseButton="true">-->
			<!--<ul id="tree1" class="mini-tree" style="height:100%;"-->
				<!--idField="id" parentField="pid"-->
				<!--showTreeIcon="true" textField="name" resultAsTree="false"-->
			<!--&gt;</ul>-->
		<!--</div>-->
		<div showCollapseButton="true">
			<div id="grid1" class="mini-datagrid" borderStyle="border:0;" style="height:100%"
				 multiSelect="true" allowUnselect="true">
			</div>
		</div>

	</div>
	<script src="../js/ColumnsMenu.js"></script>
	<script src="../js/AuthData.js" type="text/javascript"></script>
</body>
</html>